
//文档加载事件
$(function () {
    //调用轮播函数,实现banner区域
    slider(".clothing-slider", 338, 429, 340, 20, 4, 0);
    slider(".ebook-slider", 220, 336, 220, 20, 4, 0);
    /* 
       selector:选择器
       boxh:盒子的高度
       imgw:图片的宽度
       imgh:图片的高度
       controlsW:控制按钮宽度
       controlsH: 控制按钮高度
       radius:控制按钮圆角度数
    */
    function slider(selector, boxh, imgw, imgh, controlsW, controlsH, radius) {
        // console.log(selector);
        // console.log(boxh);
        // console.log(imgw);
        // console.log(imgh);
        // console.log(controlsW);
        // console.log(controlsH);
        // console.log(radius);
        $(selector).slidebox(
            {
                boxh: boxh || 420,//盒子的高度
                w: imgw || 1000,//图片的宽度
                h: imgh || 420,//图片的高度
                isShow: true,//是否显示控制器
                isShowBtn: true,//是否显示左右按钮
                controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                controlsW: controlsW || 20,//控制按钮宽度
                controlsH: controlsH || 10,//控制按钮高度
                radius: radius || 0//控制按钮圆角度数
            }
        );
    }
    /* 服务区域选项卡效果 */
    $(".common-top .common-titleli").mouseenter(function () {

        $(this).addClass('active').siblings().removeClass('active')
        let index = $(this).index()
        $(this).closest('.common-top').siblings('.content').find('.content-hiddan').eq(index).addClass('content-on').siblings().removeClass('content-on')

    })

    /* reco-goods 推荐选项卡 */
    $('.common-top .reg-titleli').mouseenter(function(){
        $(this).addClass('active').siblings().removeClass('active')
        let index = $(this).index()
        $('.reco-goods .re-content').eq(index).addClass('reon').siblings().removeClass('reon')
    })

    //新书畅销榜-手风琴效果
    //需求: 鼠标移入li, 显示当前li下面到div  隐藏当前li下面的h4
    $('.book-right li').mouseenter(function () {

        //隐藏其他li下面到div
        $('.book-right li div').hide();

        // 显示当前li下面到div
        $('div', this).show()

        //先显示其他li下面到h4
        $('.book-right li h4').show()

        //隐藏当前li下面的h4
        $('h4', this).hide();

    })

    // 楼层滚动
    let colorArr = ['#93d46f','#f65828','#bb9dee','#ff7394','#c2ec52']
    $('.floor-nav .nav-item').hover(function(){
        let index = $(this).index()
        $(this).css({
            "background-position-x":'-40px',
            "background-color": colorArr[index]
        })
        $(this).find('.nav-p').css('display','block')
    },function(){
        $(this).css({
            'background-position-x':0,
            'background-color': '#f2f2f2'
        })
        $(this).find('.nav-p').css('display','none')
    }).click(function(){
        let index = $(this).index()
        let $target = $('.floor').eq(index)
        let sTop = $target.offset().top

        $("html,body").stop().animate({scrollTop:sTop},300)
    })
    // 滑动显示
    $(window).scroll(function(){
        let sTop = $("html,body").scrollTop()

        if (sTop >= 50){
            $('.floor-nav').css('display','block')
        }else{
            $('.floor-nav').css('display','none')
        }
        // 顶部搜索
        if (sTop >= 500) {
            $('.topsearch').stop().slideDown()
            $('.gototop').stop().slideDown()
        }else{
            $('.topsearch').stop().slideUp()
            $('.gototop').stop().slideUp()
        }
    })
    // 回到顶部
    $('.gototop').click(function (){
        $('html').animate({
            scrollTop: 0
        },300)

    })
    //领劵
    $('.collect-im').hover(function(){
        $('.collect-img').css('display','block')
    },function(){
        $('.collect-img').css('display','none')
    })
    
})